<template>
    <Header></Header>
    <RouterView></RouterView>
</template>

<script setup>
    import Header from './views/Header.vue'

    import { provide } from 'vue'
    import { ref } from 'vue'



    //窗口显示的状态
    const isShow = ref(false)

    const setIsShow = (value) => {
        isShow.value = value
    }
    
    provide('dialog-visible',{
        isShow,
        setIsShow
    })

    
    // const url = ref('')

    // const setUrl = (value) => {
    //     url.value = value
    // }

    // provide('dialog-url',{
    //     url,
    //     setUrl
    // })


    //searchbar keywards

    const keywords = ref('')

    const setKeywords = (kw) => {
        keywords.value = kw
    }

    provide('searchbar-keywords',{
        keywords,
        setKeywords
    })

</script>

<style lang="scss" scoped>

</style>